{% extends 'base.html' %}

{% block title %}注册{% endblock %}

{% block content %}
<div class="container mt-5">
  <div class="row justify-content-center">
    <div class="col-md-6">
      <form method="post" class="form-signin w-100 m-auto mx-auto border border-3 p-4 px-2 shadow-lg"
       style="max-width: 400px;border-radius: 2rem;border-color: cadetblue;">
        <h3 class="h3 mb-3 fw-normal text-center">注册</h3>
        <div class="form-floating mb-3">
          <input type="text" id="username" name="username" class="form-control" required placeholder="请输入用户名">
          <label for="username">用户名</label>
        </div>
        <div class="form-floating mb-3">
          <input type="password" id="password" name="password" class="form-control" required placeholder="请输入密码">
          <label for="password">密&nbsp;&nbsp;&nbsp;码</label>
        </div>
        <div class="text-center">
          <input type="submit" value="注 册" class="w-100 btn btn-lg btn-primary">
        </div>
      </form>
    </div>
  </div>
</div>
{% endblock %}